import React from 'react'
import clsx from 'clsx'

function Button (props) {
  const {
    color,
    children,
    ...rest
  } = props

  return (
    <button
      className={clsx(
        "px-4 py-2 rounded-md ring-4 ring-opacity-50",
        `bg-${color}-500`,
        `ring-${color}-500`,
      )}
      {...props}
    >
      {children}
    </button>
  )
}

export default Button